<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="jquery-1.11.1.min.js"></script>
    <script>
        $(function(){
            //标签选择器
            var lis = $("li");
            //lis.css("background","red");
           // lis.css("fontSize","30px");
            // lis.css("font-size","30px");


            //ID选择器
            $("#lifour").css("background","pink");

            //类选择器
            $(".liItem").css("color","blue");

            //交集选择器
            $("div.liItem").css("background","green");
        })
    </script>
</head>
<body>
<ul>
    <li>这是第1个li元素</li>
    <li class="liItem">这是第2个li元素</li>
    <li class="liItem">这是第3个li元素</li>
    <li id="lifour">这是第4个li元素</li>
    <li>这是第5个li元素</li>
    <li class="liItem">这是第6个li元素</li>
    <li>这是第7个li元素</li>
    <li class="liItem">这是第8个li元素</li>
    <li>这是第9个li元素</li>
</ul>

<div class="liItem">这是一个div</div>
</body>
</html>